<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的优惠券</title>
	<link rel="stylesheet" href="<?php echo IMG_PATH ?>bdkd/css/reset.css">
	<link rel="stylesheet" href="<?php echo IMG_PATH ?>bdkd/css/you_scss.css">
	<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
	<script src="<?php echo IMG_PATH ?>bdkd/js/jquery-1.11.1.min.js"></script>
	<style>
		@charset "UTF-8";
		body, html {
			height: 100%;
			overflow: scroll;
			background: #f2f2f2; }
		body .dzq .dazhequan, html .dzq .dazhequan {
			width: 9.62667rem;
			height: 3.73333rem;
			margin: 0.26667rem auto;
			background-image: url(<?php echo IMG_PATH ?>bdkd/img/1@2x.png);
			background-size: 100%;
			background-repeat: no-repeat;
			border-radius: 10px; }
		body .dzq .dazhequan .qi1, html .dzq .dazhequan .qi1 {
			width: 100%;
			height: 2.73333rem;
			display: flex; }
		body .dzq .dazhequan .qi1 span:nth-child(1), html .dzq .dazhequan .qi1 span:nth-child(1) {
			font-size: 48px;
			color: #14a4fb;
			margin-left: 0.74667rem;
			line-height: 2.73333rem;
			margin-right: 0.13333rem; }
		[data-dpr="2"] body .dzq .dazhequan .qi1 span:nth-child(1), [data-dpr="2"] html .dzq .dazhequan .qi1 span:nth-child(1) {
			font-size: 96px; }
		[data-dpr="3"] body .dzq .dazhequan .qi1 span:nth-child(1), [data-dpr="3"] html .dzq .dazhequan .qi1 span:nth-child(1) {
			font-size: 144px; }
		body .dzq .dazhequan .qi1 span:nth-child(2), html .dzq .dazhequan .qi1 span:nth-child(2) {
			font-size: 24px;
			color: #14a4fb;
			font-weight: 900;
			line-height: 3.13333rem; }
		[data-dpr="2"] body .dzq .dazhequan .qi1 span:nth-child(2), [data-dpr="2"] html .dzq .dazhequan .qi1 span:nth-child(2) {
			font-size: 48px; }
		[data-dpr="3"] body .dzq .dazhequan .qi1 span:nth-child(2), [data-dpr="3"] html .dzq .dazhequan .qi1 span:nth-child(2) {
			font-size: 72px; }
		body .dzq .dazhequan .qi1 div, html .dzq .dazhequan .qi1 div {
			text-align: center;
			margin-left: 0.34667rem; }
		body .dzq .dazhequan .qi1 div h1, html .dzq .dazhequan .qi1 div h1 {
			font-size: 24px;
			color: #ff6364;
			letter-spacing: 0.13333rem;
			margin-top: 0.74667rem;
			margin-bottom: 0.24rem;
			font-weight: 900; }
		[data-dpr="2"] body .dzq .dazhequan .qi1 div h1, [data-dpr="2"] html .dzq .dazhequan .qi1 div h1 {
			font-size: 48px; }
		[data-dpr="3"] body .dzq .dazhequan .qi1 div h1, [data-dpr="3"] html .dzq .dazhequan .qi1 div h1 {
			font-size: 72px; }
		body .dzq .dazhequan .qi1 div p, html .dzq .dazhequan .qi1 div p {
			font-size: 10px;
			color: #999;
			font-weight: 500; }
		[data-dpr="2"] body .dzq .dazhequan .qi1 div p, [data-dpr="2"] html .dzq .dazhequan .qi1 div p {
			font-size: 20px; }
		[data-dpr="3"] body .dzq .dazhequan .qi1 div p, [data-dpr="3"] html .dzq .dazhequan .qi1 div p {
			font-size: 30px; }
		body .dzq .dazhequan .xiawenzi1, html .dzq .dazhequan .xiawenzi1 {
			width: 100%;
			height: 0.93333rem; }
		body .dzq .dazhequan .xiawenzi1 p, html .dzq .dazhequan .xiawenzi1 p {
			line-height: 0.93333rem;
			font-size: 11px;
			color: #999;
			margin-left: 0.61333rem; }
		[data-dpr="2"] body .dzq .dazhequan .xiawenzi1 p, [data-dpr="2"] html .dzq .dazhequan .xiawenzi1 p {
			font-size: 22px; }
		[data-dpr="3"] body .dzq .dazhequan .xiawenzi1 p, [data-dpr="3"] html .dzq .dazhequan .xiawenzi1 p {
			font-size: 33px; }
		body .dqq .daiququan1, html .dqq .daiququan1 {
			width: 9.62667rem;
			height: 3.73333rem;
			margin: 0.26667rem auto;
			background-image: url(<?php echo IMG_PATH ?>bdkd/img/c.png);
			background-size: 100%;
			background-repeat: no-repeat;
			border-radius: 10px; }
		body .dqq .daiququan1 .qi1, html .dqq .daiququan1 .qi1 {
			width: 100%;
			height: 2.73333rem;
			display: flex; }
		body .dqq .daiququan1 .qi1 span:nth-child(1), html .dqq .daiququan1 .qi1 span:nth-child(1) {
			font-size: 48px;
			color: #14a4fb;
			margin-left: 0.74667rem;
			line-height: 2.73333rem;
			margin-right: 0.13333rem; }
		[data-dpr="2"] body .dqq .daiququan1 .qi1 span:nth-child(1), [data-dpr="2"] html .dqq .daiququan1 .qi1 span:nth-child(1) {
			font-size: 96px; }
		[data-dpr="3"] body .dqq .daiququan1 .qi1 span:nth-child(1), [data-dpr="3"] html .dqq .daiququan1 .qi1 span:nth-child(1) {
			font-size: 144px; }
		body .dqq .daiququan1 .qi1 span:nth-child(2), html .dqq .daiququan1 .qi1 span:nth-child(2) {
			font-size: 24px;
			color: #14a4fb;
			font-weight: 900;
			line-height: 3.13333rem; }
		[data-dpr="2"] body .dqq .daiququan1 .qi1 span:nth-child(2), [data-dpr="2"] html .dqq .daiququan1 .qi1 span:nth-child(2) {
			font-size: 48px; }
		[data-dpr="3"] body .dqq .daiququan1 .qi1 span:nth-child(2), [data-dpr="3"] html .dqq .daiququan1 .qi1 span:nth-child(2) {
			font-size: 72px; }
		body .dqq .daiququan1 .qi1 div, html .dqq .daiququan1 .qi1 div {
			text-align: center;
			margin-left: 0.34667rem; }
		body .dqq .daiququan1 .qi1 div h1, html .dqq .daiququan1 .qi1 div h1 {
			font-size: 24px;
			color: #ff6364;
			letter-spacing: 0.13333rem;
			margin-top: 0.74667rem;
			margin-bottom: 0.24rem;
			font-weight: 900; }
		[data-dpr="2"] body .dqq .daiququan1 .qi1 div h1, [data-dpr="2"] html .dqq .daiququan1 .qi1 div h1 {
			font-size: 48px; }
		[data-dpr="3"] body .dqq .daiququan1 .qi1 div h1, [data-dpr="3"] html .dqq .daiququan1 .qi1 div h1 {
			font-size: 72px; }
		body .dqq .daiququan1 .qi1 div p, html .dqq .daiququan1 .qi1 div p {
			font-size: 10px;
			color: #999;
			font-weight: 500; }
		[data-dpr="2"] body .dqq .daiququan1 .qi1 div p, [data-dpr="2"] html .dqq .daiququan1 .qi1 div p {
			font-size: 20px; }
		[data-dpr="3"] body .dqq .daiququan1 .qi1 div p, [data-dpr="3"] html .dqq .daiququan1 .qi1 div p {
			font-size: 30px; }
		body .dqq .daiququan1 .xiawenzi1, html .dqq .daiququan1 .xiawenzi1 {
			width: 100%;
			height: 0.93333rem; }
		body .dqq .daiququan1 .xiawenzi1 p, html .dqq .daiququan1 .xiawenzi1 p {
			line-height: 0.93333rem;
			font-size: 11px;
			color: #999;
			margin-left: 0.61333rem; }
		[data-dpr="2"] body .dqq .daiququan1 .xiawenzi1 p, [data-dpr="2"] html .dqq .daiququan1 .xiawenzi1 p {
			font-size: 22px; }
		[data-dpr="3"] body .dqq .daiququan1 .xiawenzi1 p, [data-dpr="3"] html .dqq .daiququan1 .xiawenzi1 p {
			font-size: 33px; }
		body .dqq .daiququan7, html .dqq .daiququan7 {
			width: 9.62667rem;
			height: 3.73333rem;
			margin: 0.26667rem auto;
			background-image: url(<?php echo IMG_PATH ?>bdkd/img/c.png);
			background-size: 100%;
			background-repeat: no-repeat;
			border-radius: 10px; }
		body .dqq .daiququan7 .qi7, html .dqq .daiququan7 .qi7 {
			width: 100%;
			height: 2.73333rem;
			display: flex; }
		body .dqq .daiququan7 .qi7 span:nth-child(1), html .dqq .daiququan7 .qi7 span:nth-child(1) {
			font-size: 48px;
			color: #14a4fb;
			margin-left: 0.74667rem;
			line-height: 2.73333rem;
			margin-right: 0.13333rem; }
		[data-dpr="2"] body .dqq .daiququan7 .qi7 span:nth-child(1), [data-dpr="2"] html .dqq .daiququan7 .qi7 span:nth-child(1) {
			font-size: 96px; }
		[data-dpr="3"] body .dqq .daiququan7 .qi7 span:nth-child(1), [data-dpr="3"] html .dqq .daiququan7 .qi7 span:nth-child(1) {
			font-size: 144px; }
		body .dqq .daiququan7 .qi7 span:nth-child(2), html .dqq .daiququan7 .qi7 span:nth-child(2) {
			font-size: 24px;
			color: #14a4fb;
			font-weight: 900;
			line-height: 3.13333rem; }
		[data-dpr="2"] body .dqq .daiququan7 .qi7 span:nth-child(2), [data-dpr="2"] html .dqq .daiququan7 .qi7 span:nth-child(2) {
			font-size: 48px; }
		[data-dpr="3"] body .dqq .daiququan7 .qi7 span:nth-child(2), [data-dpr="3"] html .dqq .daiququan7 .qi7 span:nth-child(2) {
			font-size: 72px; }
		body .dqq .daiququan7 .qi7 div, html .dqq .daiququan7 .qi7 div {
			text-align: center;
			margin-left: 0.34667rem; }
		body .dqq .daiququan7 .qi7 div h1, html .dqq .daiququan7 .qi7 div h1 {
			font-size: 24px;
			color: #ff6364;
			letter-spacing: 0.13333rem;
			margin-top: 0.74667rem;
			margin-bottom: 0.24rem;
			font-weight: 900; }
		[data-dpr="2"] body .dqq .daiququan7 .qi7 div h1, [data-dpr="2"] html .dqq .daiququan7 .qi7 div h1 {
			font-size: 48px; }
		[data-dpr="3"] body .dqq .daiququan7 .qi7 div h1, [data-dpr="3"] html .dqq .daiququan7 .qi7 div h1 {
			font-size: 72px; }
		body .dqq .daiququan7 .qi7 div p, html .dqq .daiququan7 .qi7 div p {
			font-size: 10px;
			color: #999;
			font-weight: 500; }
		[data-dpr="2"] body .dqq .daiququan7 .qi7 div p, [data-dpr="2"] html .dqq .daiququan7 .qi7 div p {
			font-size: 20px; }
		[data-dpr="3"] body .dqq .daiququan7 .qi7 div p, [data-dpr="3"] html .dqq .daiququan7 .qi7 div p {
			font-size: 30px; }
		body .dqq .daiququan7 .xiawenzi1, html .dqq .daiququan7 .xiawenzi1 {
			width: 100%;
			height: 0.93333rem; }
		body .dqq .daiququan7 .xiawenzi1 p, html .dqq .daiququan7 .xiawenzi1 p {
			line-height: 0.93333rem;
			font-size: 11px;
			color: #999;
			margin-left: 0.61333rem; }
		[data-dpr="2"] body .dqq .daiququan7 .xiawenzi1 p, [data-dpr="2"] html .dqq .daiququan7 .xiawenzi1 p {
			font-size: 22px; }
		[data-dpr="3"] body .dqq .daiququan7 .xiawenzi1 p, [data-dpr="3"] html .dqq .daiququan7 .xiawenzi1 p {
			font-size: 33px; }
		body .dibu, html .dibu {
			width: 100%;
			height: 0.33333rem;
			margin-top: 0.53333rem;
			display: flex;
			justify-content: center;
			align-items: center; }
		body .dibu span, html .dibu span {
			font-size: 11px;
			color: #d4d4d4; }
		[data-dpr="2"] body .dibu span, [data-dpr="2"] html .dibu span {
			font-size: 22px; }
		[data-dpr="3"] body .dibu span, [data-dpr="3"] html .dibu span {
			font-size: 33px; }
		body .dibu span:nth-child(1), html .dibu span:nth-child(1) {
			display: block;
			width: 1.6rem;
			height: 0.02667rem;
			background: #d4d4d4;
			margin-left: 0.29333rem;
			margin-right: 0.29333rem; }
		body .dibu span:nth-child(3), html .dibu span:nth-child(3) {
			display: block;
			width: 1.6rem;
			height: 0.02667rem;
			background: #d4d4d4;
			margin-left: 0.29333rem;
			margin-right: 0.29333rem; }

		/*# sourceMappingURL=you_scss.css.map */

	</style>
</head>
<body>
<input type="hidden" id="type" value="<?php echo $type; ?>">
<input type="hidden" id="id" value="<?php
if(isset($id) && !empty($id)){
	echo $id;
}

?>">

	<ul class="dqq">
		<?php
		if(empty($list)){
			?>
			<div class="ycl-bug">
				<div class="ycl-bug1">
					<img src="<?php echo IMG_PATH ?>bdkd/img/yhq-pic.png" alt="">
					<p>抱歉，您还没有优惠券</p>
				</div>
			</div>
			<?php
		}else{
			foreach($list as $value){
				if($value['discount']*10==1){
					?>
					<li class="daiququan1">
						<div class="qi1">
							<span><?php echo $value['discount']*10?></span>
							<span>折</span>
							<div>
								<h1>代取券</h1>
								<p>有效期至 : <?php echo date("Y-m-d",$value['end_time'])?></p>
							</div>
						</div>
						<div class="xiawenzi1">
							<p>仅限于 "取快递" 付款时使用</p>
						</div>
					</li>

					<?php
				}else{
					?>
					<li class="daiququan7">
						<div class="qi7">
							<span><?php echo $value['discount']*10?></span>
							<span>折</span>
							<div>
								<h1>代取券</h1>
								<p>有效期至 : <?php echo date("Y-m-d",$value['end_time'])?></p>
							</div>
						</div>
						<div class="xiawenzi1">
							<p>仅限于 "取快递" 付款时使用</p>
						</div>
					</li>
					<?php
				}
			}
			?>
<!--				-->
<!--			<li class="daiququan1">-->
<!--				<div class="qi1">-->
<!--					<span>1</span>-->
<!--					<span>折</span>-->
<!--					<div>-->
<!--						<h1>代取券</h1>-->
<!--						<p>有效期至 : 2017-12-31</p>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="xiawenzi1">-->
<!--					<p>仅限于 "取快递" 付款时使用</p>-->
<!--				</div>-->
<!--			</li>-->
<!--			<li class="daiququan7">-->
<!--				<div class="qi7">-->
<!--					<span>7</span>-->
<!--					<span>折</span>-->
<!--					<div>-->
<!--						<h1>代取券</h1>-->
<!--						<p>有效期至 : 2017-12-31</p>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="xiawenzi1">-->
<!--					<p>仅限于 "取快递" 付款时使用</p>-->
<!--				</div>-->
<!--			</li>-->
			<?php
		}
		?>
	</ul>
	<div class="dibu">
		<span></span>
		<span>您的优惠券就这么多了</span>
		<span></span>
	</div>
	<script src="<?php echo IMG_PATH ?>bdkd/js/you.js"></script>
<script>
	var type=$("#type").val();
	if(type==0){
		//alert(333);
		//从个人中心页面进来不能点击变色
		$('.daiququan1,.daiququan7').click(function(){
		 $('.qi1 span').css('color','#14a4fb');
		 $('.qi7 span').css('color','#14a4fb');
		})
		var zhekou1 = $('.qi1 span:first').html();
		console.log(zhekou1);
	}else {
		//从支付页面进来点击变色&&要传入点击了哪个优惠券的参数&&跳转到支付页面

		$('.daiququan1,.daiququan7').click(function(){
			$('.qi1 span').css('color','#ff6364');
			$('.qi7 span').css('color','#ff6364');
			var zhekou7 = $('.qi7 span:first').html();
			var zhekou1 = $('.qi1 span:first').html();
			var id=$("#id").val();
			a($id);
		})

	}
	function a($id){
		//http://s.biandikeji.com/work/bpost/wxqpay?id=7
		window.location.href = '<?php echo SITE_PATH ?>work/bpost/wxqpay?id='+$id+'zhekou='+;
	}

</script>


</body>
</html>